@import "tailwindcss";
@plugin "@tailwindcss/typography";
.montserrat,
.playfair {
  font-optical-sizing: auto;
}
:root {
  --primary-color: #f7f1eb;
  --secondary-color: #d5b579;
  --secondary-color-hover: #f2c778;
  --accent-color: #e74c3c;
  --background-color: #fbfbfb;
  --text-color-primary: #000;
  --text-color-white: #ffffff;
}
.bg-primary-color {
  background-color: var(--primary-color);
}
.bg-white-color,
.btnWhiteDarkText:hover {
  background-color: var(--background-color);
}
.text-dark {
  color: var(--text-color-primary);
}
.btnWhite {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}
.btnCream,
.btnWhiteDarkText {
  color: var(--text-color-primary);
}
.btnWhite:hover {
  background-color: var(--secondary-color-hover);
}
.btnCream {
  background-color: var(--secondary-color);
}
.btnWhiteDarkText {
  background-color: var(--primary-color);
}
.btnDark {
  background-color: var(--text-color-primary);
  color: var(--text-color-white);
}
.poppins {
  font-family: Poppins, sans-serif !important;
  font-style: normal;
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.playfair {
  font-family: "Playfair Display", serif;
  font-weight: 400px;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
.marquee-section {
  position: relative;
  min-height: 40px;
  background-color: var(--primary-color);
}
.marquee-section,
.marquee-section * {
  overflow: hidden;
}
.marquee {
  white-space: nowrap;
  animation: 25.5s linear infinite move-right-to-left;
}
.marquee-div {
  position: absolute;
}
@keyframes move-right-to-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.montserrat {
  font-family: Montserrat, sans-serif;
}